@import '../styles/extends.scss';
@import "../styles/animation.scss";

.dark {
  @extend %app-dark;
}

.light {
  @extend %app-light;
}

.dark, .light {
  @extend %app;

  & > * {
    @apply
    transition-colors
    ease-in-out
    duration-500;
  }

  .app_button {
    @include return-anim-duration-500();
    @apply fixed
    bottom-5
    right-5
    size-8
    rounded-lg
    overflow-hidden
    z-40;

    .button__icon {
      @apply fill-myTheme-accent;
    }

    &:hover {
      @include anim-duration-500();
      @apply scale-110
    }
  }

  #button-up.clicked {
    @include click-on-menu();
  }
};
